

<HTML>
<HEAD>
<TITLE>Eighth Test of Section 12.5 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
ol {counter-reset: item}
li {display: block}
li:before {content: counter(item) ". "; counter-increment: item}

</STYLE>
</HEAD>




<BODY>
<h1 >
Testing Eighth Testable Statement of Sec 12.5 of CSS2 Specification
</h1>


<ul>
<li  >
8. The OL will create a counter, and all children of the OL will refer to
that counter.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p>
If statement #8 above is passed, then
<p>
   <ol>
      <li> increment item(0) =1 (also set item(0) to 0 above)
      <li> increment item(0) = 2
      <ol>
         <li> increment item(1) = 1(also set item(1) to 0 above)
         <li> increment item(1) = 2
         <li> increment item(1) = 3
             <ol>
                <li> increment item(2) to 1 (also set item(2) to 0 above)
             </ol>
             <ol>
                <li> increment item(3) to 1 (also set item(3) to 0 above)
             </ol>
        <li>increment item(1) to 4
     </ol>
    <li>increment item(0) to 3
    <li>increment item(0) to 4
   </ol>
<ol>
<li>increment item(4) to 1(also reset item(4) to 0)
<li>increment item(4) to 2
</ol>
Rules applied are "ol { counter-reset: item }",
"li { display: block }",
"li:before {content: counter(item) ". "; counter-increment: item }
<p>
All other properties of this page should be UA-default.


</BODY>
</HTML>

